30天分享(21) - CSS3 背景
CSS3 的背景新增了兩個屬性,
1.background-size
2.background-origin
1.background-size 能夠輕易的修改背景的大小 :
background-size: 500px 500px;
2.background-origin 可以將圖片定位在區塊不同的地方 :
background-origin:border-box;
背景圖片會以邊框開始置入並且跟邊框重疊
background-origin:padding-box;
背景圖片不會跟邊框重疊
background-origin:content-box;
背景圖片只會置入內文區,不會與內距與外框重疊
CSS3 也可將兩張圖片重疊,不過這個效果得使用 gif 或 png透明的背景才可以分辨差別,
background: url(img_tree.gif), url(img_flwr.gif);